<template>
  <!-- 首页热门商品组件 -->
  <!-- 轮播图组件 -->
  <Banner></Banner>
   
   <!-- 展示图 -->
  <div class="page-img" >
       <div class="page-img-l">
       <img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/39/39655.png">
       <img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/39/39657.png">
       </div>
       <div class="page-img-r">
       <img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/39/39656.png">
       <img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/39/39658.png">
       </div>
  </div>

  <!-- 热门商品 -->
   
   <HotGoods 
   v-for="item in baseStore.hotGoodsList"
   :hot-list="item"
   :key="item.cat_id"
   >
  </HotGoods>

</template>
<script setup lang="ts">
  
    import { userBaseStore } from '../store';
    // 菠萝
    let baseStore = userBaseStore();

</script>
<style scoped lang="less">
  //展示部分样式
   .page-img{
        display: flex;
        padding: 0px 10px;
        box-sizing: border-box;
		    justify-content: space-between;
		
      div{
        width: 48.5%;		
        img{
          width: 100%;
          border-radius: 10px;
        }
      }
      div :first-child{
        margin-bottom: 6px;
      }
    }

</style>